<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VShop | Главная</title>
    <link rel="shortcut icon" href="assets/favicon2.ico" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/sas.css">

</head>
<body>
    <header class="header">
        <nav class="navbar navbar-expand-lg bg-info">
            <div class="container-fluid">
              <a class="navbar-brand" href="../index.html">VShop</a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="../index.html">Главная</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="raz3.html">Кубики 3x3</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="raz4.html">Кубики 4x4</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="signup.html">Зарегистрироваться</a>
                  </li>
                  <li class="nav-item">
                    <a href="profile.html" title="Профиль"><img src="../assets/profile.png" class="img__shop2" alt=""></a>
                  </li>
                </ul>
                <div class="razdel">
                  <a href="shopping-cart.html" title="Корзина"><img class="img__shop" src="https://img.icons8.com/ios-filled/50/null/shopping-cart.png"/></a>
                </div>
                <form class="d-flex" role="search">
                  <input class="form-control me-2" type="search" placeholder="Запрос" aria-label="Search">
                  <button class="btn btn-outline-success" type="submit">Искать</button>
                </form>
              </div>
            </div>
          </nav>
    </header>
    <main>
        <div class="main2">
        <div class="card c2" style="width: 18rem;">
            <img src="../assets/profile2.png" class="card-img-top" alt="Картинка профиля">
            <div class="card-body">
              <h5 class="card-title">Ваш профиль</h5>
              <p class="card-text">Тут данные которые вы указывали при регистрации</p>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item">Почта: {тут должна быть почта}</li>
              <li class="list-group-item">Имя и фамилия {тут имя и фамилия}</li>
              <li class="list-group-item">Пароль: <a href="#" class="text-danger">Показать</a></li>
            </ul>
          </div>
        </div>
    </main>
        
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
  </body>
</html>